
import { ScaleS, ScaleT } from 'src/utils/ScreenUtil'
import {
  StyleSheet
} from 'react-native'
import { ONE_PIXEL } from '@/utils/ScreenUtil'
export const tabLists = StyleSheet.create({
  view: {
    alignItems: 'center',
    justifyContent: 'center',
    marginTop: ScaleS(25),
    flexDirection: 'row'
  },
  tabLine: {
    height: ScaleS(10),
    width: ONE_PIXEL,
    backgroundColor: '#979797',
    marginHorizontal: ScaleS(20)
  },
  viewText: {
    width: ScaleS(30),
    height: ScaleS(4),
    marginTop: ScaleS(9)
  },
  checkboxView: {
    width: ScaleS(30),
    height: ScaleS(4),
    backgroundColor: '#FFD810FF',
    marginTop: ScaleS(9),
    borderRadius: ScaleS(2)
  },
  checkboxText: {
    position: 'relative'
  },
  checkboxNameActive: {
    fontWeight: '500',
    fontSize: ScaleT(13),
    color: '#3C3C3C'
  },
  checkboxName: {
    fontWeight: '500',
    fontSize: ScaleT(13),
    color: '#999999'
  },
  sizeIcon: {
    position: 'absolute',
    top: ScaleS(-2),
    right: ScaleS(-8),
    width: ScaleS(5),
    height: ScaleS(5),
    borderRadius: ScaleS(6),
    backgroundColor: '#FF6B6B',
    justifyContent: 'center',
    alignItems: 'center'
  }
})
export const styles = StyleSheet.create({
  View: {
    paddingHorizontal: ScaleS(20),
    paddingTop: ScaleS(27)
  },
  administratorsHeader: {
    flexDirection: 'row',
    justifyContent: 'space-between'
  },
  administrator: {
    fontWeight: '600',
    fontSize: ScaleT(25)
  },
  administratorsHeaderLeft: {
    flexDirection: 'row'
  },
  iconSize: {
    fontSize: ScaleT(16)
  },
  administratorsHeaderRight: {
    flexDirection: 'row',
    alignItems: 'center'
  },
  administratorsHeaderRightIcon: {
    marginRight: ScaleS(10)
  },
  administratorsHeaderBody: {
    paddingBottom: ScaleS(25),
    borderBottomColor: 'rgba(151, 151, 151, 0.25)',
    borderBottomWidth: ONE_PIXEL
  },
  bodyView: {
    width: '100%',
    flexDirection: 'row',
    alignItems: 'center'
  },
  headPortrait: {
    width: ScaleS(48),
    height: ScaleS(48),
    borderRadius: ScaleS(24),
    overflow: 'hidden'
  },
  headPortraitImg: {
    width: ScaleS(48),
    height: ScaleS(48),
    resizeMode: 'cover'
  },
  administratorsItem: {
    flex: 1,
    overflow: 'hidden'
  },
  administratorsItemName: {
    flexDirection: 'row',
    justifyContent: 'flex-start',
    alignItems: 'center',
    marginBottom: ScaleS(14)
  },
  mobilePhone: {
    flexDirection: 'row',
    alignItems: 'center'
  },
  administratorsItemNameLeft: {
    fontSize: ScaleT(16),
    color: '#3C3C3C',
    fontWeight: '500'
  },
  administratorsItemNameRightView: {
    borderRadius: ScaleS(3),
    height: ScaleS(16),
    padding: ScaleS(3),
    justifyContent: 'center',
    alignItems: 'center',
    marginLeft: ScaleS(10),
    backgroundColor: '#3C3C3C'
  },
  administratorsItemNameRightText: {
    fontSize: ScaleT(10),
    color: '#Fff'
  },
  mobile: {
    color: '#666666FF',
    marginLeft: ScaleS(11)
  },
  position: {
    paddingRight: ScaleS(10),
    fontSize: ScaleT(13),
    color: '#666666FF'
  },
  tabList: {
    flexDirection: 'row'
  }
})
